<template>
	<div class="div_body">
		<Head/>
		<Menu/>
<!-- 		<div>
			<Welcome/>
		</div> -->
	</div>
</template>

<script>
	import Welcome from '../../components/Welcome.vue'
	import Menu from '../../components/Menu.vue'
	import Head from '../../components/Head.vue'
	export default {
		name:"IndexView",
		components:{
			Menu,
			Head,
			Welcome,
		},
		data(){
			return {
			}
		},
		methods:{
			verifyOnLine(){
				var token = localStorage.getItem('token')
				if(!token || token==null){
					// this.$router.push('/login')
				}else{
					this.$router.push('/welcome')
				}
			}
		},
		mounted: function(){
			this.verifyOnLine();
		}
	}
</script>
<style scoped>
	html{
		background: red;
	}
	*{top:0; bottom:0; margin: 0; padding:0; left: 0; right: 0;}
	html,body,a,div,ul,li,p {top:0; bottom:0; margin: 0; padding:0; left: 0; right: 0;}
	.left_menu{
		background-color: #191A23;
		height: 936px;
		width: 12%;
		float: left
	}
	.logo_fuji{
		float: left;
		height: 68px;
		border-bottom: 1px solid #343434;
	}
	.logo{
		border-radius: 50%;
		float: left;
		margin-left: 5%;
	}
	.logo_name{
		float: left;
		margin-left: 6%;
		color: aliceblue;
		font-size: 20px;
	}
	.menu_div{
		width: 90%;
		float: left;
		color: aliceblue;
		font-size: 18px;
		padding-left: 10%;
	}
	.top_head{
		height: 100px;
		width: 88%;
		float: left;
		border-bottom: 1px solid #E1E3E1;
		border-top: 1px solid #E1E3E1;
	}
	.navigation{
		width:100%;
		float: left;
		height:35%;
	}
</style>